.food-view {
  .food-list {
    background-color: #F5F5F5;
    flex-grow: 1;

    overflow: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    //align-items: center;
    gap: 1vh;

    padding: 10px;

    .list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 2vw;
      row-gap: 2vh;
    }

    @media (min-width: 1280px) and (max-width: 1500px) {
      .list {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 1280px) {
      .list {
        grid-template-columns: repeat(1, 1fr);
      }
    }

    .el-pagination {
      align-self: center;
    }
  }
}
